<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri = "/struts-tags" prefix = "s" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head lang="en">
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css">
    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/myjs.js"></script>
    <title>陈咏个人博客(开发中....)</title>
</head>
<body>
      <header>
          <div class="wrap">
              <div class="headinline logo">
                  <a href="http://www.cyongblog.com">
                      <img src="${pageContext.request.contextPath}/image/logo.gif" style="width:10%;height:41px";>
                  </a>
              </div>
              <div class="headinline clock">
                  <script src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>
              </div>
              <div class="headinline search">
                      <div class="row">
                          <div class="col-md-8">
                              <div class="input-group">
                                  <input type="text" class="form-control" placeholder="输入搜索内容">
                                  <span class="input-group-btn">
                                  <button class="btn btn-primary" type="button">
                                      <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                  </button>
                                  </span>
                              </div>
                          </div>
                      </div>
              </div>
              <div class="headinline weather">
                  <iframe allowtransparency="true" frameborder="0" width="100%" height="98" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=1&v=0&d=1&bd=0&k=000000&f=&q=1&e=0&a=1&c=54511&w=255&h=98&align=center"></iframe>
              </div>
          </div>
      </header>
      <div class="page">
          <div class="page1 cf">
              <div class="quotes-nav" id="page-nav">
                  <ul>
                      <li>
                          <div class="quotes-nav-div">
                              <span>11111111111111111111</span>
                              <div class="quotes-list-show">
                                  <div>
                                      1111111111111111111111111111111111111
                                  </div>
                              </div>
                          </div>
                      </li>
                      <li>
                          <div class="quotes-nav-div">
                              <span>11111111111111111111</span>
                              <div class="quotes-list-show">
                                  <div>
                                      1111111111111111111111111111111111111
                                  </div>
                              </div>
                          </div>
                      </li>
                      <li>
                          <div class="quotes-nav-div">
                              <span>11111111111111111111</span>
                              <div class="quotes-list-show">
                                  <div>
                                      1111111111111111111111111111111111111
                                  </div>
                              </div>
                          </div>
                      </li>
                      <li>
                          <div class="quotes-nav-div">
                              <span>11111111111111111111</span>
                              <div class="quotes-list-show">
                                  <div>
                                      1111111111111111111111111111111111111
                                  </div>
                              </div>
                          </div>
                      </li>
                      <li>
                          <div class="quotes-nav-div">
                              <span>11111111111111111111</span>
                              <div class="quotes-list-show">
                                  <div>
                                      1111111111111111111111111111111111111
                                  </div>
                              </div>
                          </div>
                      </li>
                  </ul>
              </div>
              <div class="banner">
                  <div id="myCarousel" class="carousel slide">
                      <!-- 轮播（Carousel）指标 -->
                      <ol class="carousel-indicators">
                          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                          <li data-target="#myCarousel" data-slide-to="1"></li>
                          <li data-target="#myCarousel" data-slide-to="2"></li>
                      </ol>
                      <!--轮播项目 -->
                      <div class="carousel-inner">
                          <div class="item active">
                              <a href="#"><img src="${pageContext.request.contextPath}/image/Koala.jpg" alt="First slide"></a>
                          </div>
                          <div class="item">
                              <img src="${pageContext.request.contextPath}/image/Penguins.jpg" alt="Second slide">
                          </div>
                          <div class="item">
                              <img src="${pageContext.request.contextPath}/image/Tulips.jpg" alt="Third slide">
                          </div>
                      </div>
                      <!-- 轮播（Carousel）导航 -->
                      <a class="carousel-control left" href="#myCarousel"
                         data-slide="prev">
                          <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
                      </a>
                      <a class="carousel-control right" href="#myCarousel"
                         data-slide="next">
                          <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                      </a>
                  </div>
              </div>
              <div>
                  <embed type="application/x-shockwave-flash" src="http://cdn.abowman.com/widgets/hamster/hamster.swf" width="200" height="155" id="flashID" name="flashID" bgcolor="#FFFFFF" quality="high" flashvars="up_backgroundColor=FFFFFF" wmode="opaque" allowscriptaccess="always"/>
              <s:if test="#session.loginUser != null">
                  欢迎:${loginUser.name}</br>
                  登录时间:</br>
                  <fmt:formatDate value='${loginUser.logintime}' pattern='yyyy-MM-dd HH:mm:ss' /></br>
                  <a href="${pageContext.request.contextPath}/user/userAction!editUser.do">修改</a>
                    <a href="${pageContext.request.contextPath}/user/userAction!logout.do">退出</a>
              </s:if>
              <s:else>
                  请<a href="${pageContext.request.contextPath}/jsp/login.jsp">登录</a>
              </s:else>

              </div>
          </div>
          <div class="page2">
              <div class="page2-left">
                  <div class="hot-article">
                      <div class="article-title">
                          <span>推荐</span>文章
                      </div>
                      <div class="article-box">
                          <div class="one-classfly-article article-list">
                              <ul class="cf">
                                  <li class="article-list-1">
                                      <div class="img-box">
                                          <a href="#" target="_blank">
                                              <img src="http://a1.jikexueyuan.com/home/201412/29/5916/54a1151da184c.jpg" class="articleimg">
                                              <div class="imgplay">
                                                  <i class="playicon"></i>
                                              </div>
                                          </a>
                                      </div>
                                      <div class="info-box">
                                          <div class="item-title">
                                              <a href="#">微信智能客服机器人开发 Java 版111111111111</a>
                                          </div>
                                          <p id="jiesao">
                                              本课程简述了独立游戏制作的整个过程。分别详细讲解了游戏制作过程中策划，美术，程序的分工和协作。结合实际的游戏开发案例，让大家了解一些行之有效的游戏制作技巧和经验。
                                          </p>
                                          <div class="timeandicon">
                                              <div class="cf">
                                                  <dl>
                                                      <dd class="timeorauthor">
                                                          <span>2015-5-30</span>
                                                          <span>作者:陈咏</span>
                                                      </dd>
                                                  </dl>
                                                  <em class="read-number">点击:1000</em>
                                              </div>
                                          </div>
                                      </div>
                                  </li>
                              </ul>
                          </div>
                          <div></div>
                      </div>
                  </div>
              </div>
              <div class="page2-right">
                  <div class="classify">
                      <div class="hd">全部<span>分类</span></div>
                      <div class="bd">
                          <a href="#" class="button">
                              <span class="line line-top"></span>
                              <span class="line line-left"></span>
                              <span class="line line-right"></span>
                              <span class="line line-bottom"></span>
                              java基础
                          </a>
                          <a href="#" class="button">
                              <span class="line line-top"></span>
                              <span class="line line-left"></span>
                              <span class="line line-right"></span>
                              <span class="line line-bottom"></span>
                              ios
                          </a>
                          <a href="#" class="button">
                              <span class="line line-top"></span>
                              <span class="line line-left"></span>
                              <span class="line line-right"></span>
                              <span class="line line-bottom"></span>
                              go
                          </a>
                          <a href="#" class="button">
                              <span class="line line-top"></span>
                              <span class="line line-left"></span>
                              <span class="line line-right"></span>
                              <span class="line line-bottom"></span>
                              linux系统
                          </a>
                          <a href="#" class="button">
                              <span class="line line-top"></span>
                              <span class="line line-left"></span>
                              <span class="line line-right"></span>
                              <span class="line line-bottom"></span>
                              Xxxx
                          </a>
                      </div>
                  </div>
                  <div class="news">

                  </div>
              </div>
          </div>
      </div>
      <div class="page-nav">
          <button type="button" class="btn btn-primary navbtn" data-toggle="collapse" id="nav-btn" data-target="#nav">
              <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
          </button>
          <div id="nav" class="collapse in">
              <ul>
                  <li>
                      <a href="#" class="btn btn-warning navbtn" role="button" data-toggle="tooltip" data-placement="right" title="Tooltip">
                          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                      </a>
                  </li>
                  <li>
                      <a href="#" class="btn btn-danger navbtn" role="button" data-toggle="tooltip" data-placement="right" title="Tooltip">
                          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                      </a>
                  </li>
                  <li>
                      <a href="#" class="btn btn-info navbtn" role="button" data-toggle="tooltip" data-placement="right" title="Tooltip">
                          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                      </a>
                  </li>
                  <li>
                      <a href="#" class="btn btn-success navbtn" role="button" data-toggle="tooltip" data-placement="right" title="Tooltip">
                          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                      </a>
                  </li>
                  <li>
                      <a href="#" class="btn btn-info navbtn" role="button" data-toggle="tooltip" data-placement="right" title="Tooltip">
                          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                      </a>
                  </li>
                  <li>
                      <a href="#" class="btn btn-danger navbtn" role="button" data-toggle="tooltip" data-placement="right" title="Tooltip">
                          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                      </a>
                  </li>
              </ul>
          </div>
      </div>
      <footer></footer>
</body>
</html>
